<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>盒子阴影</title>
    <style type="text/css">
        img{
            margin: 20px;
        }
        img:hover{
            box-shadow: 0 15px 30px rgba(0,0,0,.1);
            transform: translate(0,-2px);
            cursor: pointer;
        }
    </style>
</head>
<body>
<img src="./../lib/img/shopping.jpg" alt="商品">
<img src="./../lib/img/shopping.jpg" alt="商品">
<img src="./../lib/img/shopping.jpg" alt="商品">
<img src="./../lib/img/shopping.jpg" alt="商品">
</body>
</html>